/* 公共css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #333; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a,
img {
    -webkit-touch-callout: none
}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
.con{
    width:1200px;
    margin: 0px auto;
}
/* 动画延迟加载 */
.d1{
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.d2{
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.d3{
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.d4{
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.d5{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.d6{
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.d7{
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.d8{
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.d9{
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.d10{
    -webkit-animation-delay:1s;
    animation-delay: 1s;
}

.d11{
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.d12{
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.d13{
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.d14{
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.d15{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.d16{
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.d17{
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.d18{
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.d19{
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.d20{
    -webkit-animation-delay:2s;
    animation-delay: 2s;
}
.fx{display: flex;flex-flow: row;}

.w1200{width: 1200px;}
.maau{margin: 0 auto;}
.bor1{border: solid 1px #cccccc;}
.mtl60{margin-top: -60px;}
.tein48{text-indent: 48px;}
.col1{color: #000;}
.col2{color: #fff;}